.invite-container {
  width: 100%;
  background-color: #F1F3F5;
  padding: 10rpx 0;

  .invite-box {
    width: 750rpx;
    height: 168rpx;
    border-radius: 68rpx;
    background: url("https://ustatic.hudongmiao.com/joymew-assist/hb/hb-invite-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .invite-box-info {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-right: 48rpx;

      .invite-text {
        margin-right: 6rpx;
        .invite-line1 {
          font-size: 40rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #F1E3B8;
          height: 38rpx;
          line-height: 36rpx;
          text-align: center;
          letter-spacing: 8rpx;
        }

        .invite-line2 {
          font-family: PingFang SC;
          font-weight: 500;
          color: #FFFFFF;
          line-height: 34rpx;
          font-size: 22rpx;
          letter-spacing: 1rpx;
          margin-top: 8rpx;
          .per {
            font-size: 27rpx;
            color: #F9B57C;
          }
        }

      }

      .invite-btn {
        width: 112rpx;
        height: 112rpx;
        border-radius: 50%;
        margin-left: 20rpx;
        .icon {
          width: 100%;
          height: 100%;
        }
      }


    }
  }
}

.jump {
  animation: heart 1s linear infinite;
  // box-shadow: 0 0 10px 1px red;
  // box-shadow: 0 0 20px 1px transparent;
  // box-shadow: 0 0 20rpx 1rpx rgba(0,0,0, .4);


}

// @color: blue;
@keyframes heart {
 
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}